<script setup lang="ts">
import { useUserStore } from '@/stores/user'
const user = useUserStore()
</script>
<template>
  <!-- 当是登录页面的时候我们要将 Footer 隐藏掉 -->
  <footer class="footer">
    <router-link to="/home">
      <span class="iconfont icon-shouye"></span>
      <p>首页</p>
    </router-link>
    <router-link to="/kind">
      <span class="iconfont icon-fenlei"></span>
      <p>分类</p>
    </router-link>
    <router-link to="/cart">
      <span class="iconfont icon-gouwuche"></span>
      <p>购物车</p>
    </router-link>
    <router-link to="/user">
      <span class="iconfont icon-My"></span>
      <p v-if="user.loginState">我的</p>
      <p v-else>未登录</p>
    </router-link>
  </footer>
</template>
